<template>
	<view class="our">
		<image class="img" src="https://www.itcast.cn/2018czydz/images/gywmban.jpg" mode="aspectFill"></image>
		<view class="textBtm">
			<text class="text1" @click="dadianhua">联系电话: 400-618-9090(点击拨打)</text>
			<text class="text2 text1">校区地址：浙江省杭州市下沙经济开发区4号大街187号盛泰时代山</text>
		</view>
		<map class="map" :scale="scale" :longitude="longitude" :latitude="latitude" :markers="covers"></map>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				longitude: 120.307681,
				latitude: 31.582576,
				scale: 15,
				covers: [{
					longitude: 120.307681,
					latitude: 31.582576,
					iconPath: '@/static/cns.png',
					width: 30,
					height: 30
				}]

			};
		},
		methods: {
			dadianhua() {
				uni.makePhoneCall({
					phoneNumber: "400-618-9090"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.our {
		width: 750rpx;


		.img {
			width: 100%;
			height: 352rpx;
			display: flex;
			flex-direction: column;
		}

		.textBtm {
			padding: 20rpx;
			font-size: 32rpx;

			.text1 {
				display: inline-block;
				padding-bottom: 20rpx;

			}

			.text2 {
				padding-top: 8rpx;
				border-top: 2rpx solid #eeeeee;
				line-height: 60rpx;
				border-bottom: 2rpx solid #eeeeee;
			}
		}

		.map {
			width: 750rpx;
			height: 750rpx;
		}
	}
</style>